<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>发布</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/page.css">
    <link rel="stylesheet" href="../css/demo.css">
    <script src="../js/jquery-3.2.1.min.js"></script>
    <script src="../js/media.js"></script>
    <script src="../js/common.js"></script>


    <style>
        .bd-0 {
            display: none;
        }

        .active {
            display: block;
        }

        .upload_box {
            width: 100%;
            /* margin: 1em auto; */
        }

        .upload_main {}

        .upload_choose {
            /* padding: 1em; */
        }

        .upload_drag_area {
            display: inline-block;
            width: 60%;
            padding: 4em 0;
            margin-left: .5em;
            border: 1px dashed #ddd;
            background: #fff url(drag.png) no-repeat 20px center;
            color: #999;
            text-align: center;
            vertical-align: middle;
        }

        .upload_drag_hover {
            border-color: #069;
            box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .5);
            color: #333;
        }

        .upload_preview {
            background-color: #fff;
            overflow: hidden;
            _zoom: 1;
            position: absolute !important;
            /* float: left; */
            /* z-index: 99999; */
            width: 73vw;
            height: 33vw;
            left: 11vw;
            top: 37vw;
        }

        .upload_append_list {
            /* height: 300px; */
            /* margin-right: 8px; */
            width: 100%;
            height: 100%;
            /* float: left; */
            position: absolute !important;
            z-index: 999999;
        }

        .upload_append_list>p {
            width: 100%;
            height: 100%;
        }

        .upload_delete {
            margin-left: 2em;
            background: url('../img/删除@2x.png') no-repeat center;
            position: absolute;
            top: 0;
            right: 0;
            display: inline-block;
            width: 12px;
            height: 12px;
            background-size: contain;
        }

        .upload_image {
            /* max-height: 250px;
            padding: 5px; */
        }

        .upload_submit {
            /* padding-top: 1em; */
            /* padding-left: 1em; */
        }

        .upload_submit_btn {
            display: none;
            height: 32px;
            font-size: 14px;
        }

        .upload_loading {
            height: 250px;
            background: url(http://www.zhangxinxu.com/study/image/loading.gif) no-repeat center;
        }

        .upload_progress {
            display: none;
            padding: 5px;
            border-radius: 10px;
            color: #fff;
            background-color: rgba(0, 0, 0, .6);
            position: absolute;
            left: 25px;
            top: 45px;
        }
    </style>
</head>

<body>
    <!--头部-->
    <div class="public-header flex">
        <span class="public-header-left-search"></span>
        <span class="public-header-left-back"></span>
        <span class="public-header-center">发布</span>
        <!-- <span class="public-header-right">保存</span> -->
    </div>

    <!--正文-->
    <div class="publishment bc-gray">
        <p class="title">填写标题</p>
        <input type="text" class="input" placeholder="内容 沉沉浮浮" id="title">
        <p class="title">填写内容</p>
        <input type="text" class="input" placeholder="内容 沉沉浮浮" id="des">
        <div id="body" class="light">
            <div id="content" class="show">
                <div class="demo">
                    <form id="uploadForm" action="http://192.168.1.111:8090/ZITAOHUI/store/enterprise/authentication" method="post" enctype="multipart/form-data">
                        <div class="upload_box">
                            <div class="upload_main">
                                <div id="preview" class="upload_preview"></div>
                                <div class="upload_choose">
                                    <img src="../img/上传照片@2x.png" alt="" style=' width: 54vw;display: block;height: 30vw;margin: 0 auto;position: relative;z-index: 9999;' class="add_img">
                                    
                                </div>

                            </div>
                 
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <span class="button">提交发布</span>
    </div>



    <script>
        $(function () {
            $('.hd a').click(function () {
                var index = $(this).index();
                $(this).addClass('active').siblings().removeClass('active');
                $('.bd-0').eq(index).addClass('active').siblings().removeClass('active');
            });

 


        })
    </script>
   
</body>

</html>